import React  from 'react';
import { Liquid } from '@ant-design/charts';

import style from './style.module.css'

const pinLeft = () => {
    var config = {
        percent: 0.25,
        outline: {
            border: 4,
            distance: 8,
        },
        wave: { length: 128 },
    };
    return <div className={style.pinleft_M}>
        <div className={style.pinleft_header_M}>
            <dl className={style.pinleft_dl_M}>
                <dt>
                    <Liquid {...config} style={{ width: 200, height: 130 }} />
                </dt>
                <dd className={style.pinleft_dd_M}>
                    <span>参与人数<span className={style.pinleft_span_M}>&nbsp;6</span>（人）</span>
                </dd>
            </dl>
        </div>
    </div>
};

export default pinLeft;